#index {
    width: 100%;
    height: 100%;
    .index_header {
        background: white;
        position: fixed;
        left: 0;
        top: 0;
        border-bottom: 1px solid #e5e5e5;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 60px;
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        .header_left {
            display: flex;
            align-items: center;
            .header_icon {
                width: 88px;
                height: 29px;
                margin-bottom: 8px;
                cursor: pointer;
            }
        }
        i {
            font-size: 18px;
            cursor: pointer;
        }
        .header_cion {
            i {
                margin-left: 15px;
            }
        }
    }
    .header_kong {
        width: 100%;
        height: 60px;
    }
    .index_bottom_f {
        width: 100%;
        //overflow: scroll;
        min-height: 500px;
        position: relative;
        display: flex;
        
        min-width: 575px;
        
        .flex_f_1 {
            overflow-y: scroll;
            .index_nav {
                height: 100%;
                background: #f7f7f9;
                .el-menu-vertical-demo:not(.el-menu--collapse) {
                    width: 200px;
                }
                .el-menu {
                    border-right: none;
                }
            }
            &::-webkit-scrollbar {
//              width: 5px;
//              height: 5px;
            }
            &::-webkit-scrollbar-track {
            //          -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
                background-color: #f7f7f9;
                border-radius: 3px;
            } 
            
            &::-webkit-scrollbar-thumb {
                border-radius: 7px;
                -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
                background-color: rgba(144, 147, 153, .3);
            }
        }
        
        .flex_f_2 {
            box-sizing: border-box;
            flex: 1;
            position: relative;
            min-width: 350px;
            padding: 15px 15px 45px 15px;
            background: #eeeeee;
            position: relative;
            //overflow: scroll;
            .index_content_f {
                height: 100%;
                .index_content {
                    background: white;
                    height: 100%;
                    width: 100%;
                    overflow: hidden;
                }
                .index_content_hover {
                    background: #eeeeee;
                    transition: all 0.8s ease;
                    &:hover {
                        box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05)
                    }
                }
            }
        }
    }
    @media screen and (max-width: 750px) {
        .flex_f_2 {
            padding: 15px 15px 90px 15px !important;
//          margin-bottom: 90px; 
        }
    }
}